body,html,.wrap,.content,.layout-left{
  height: 100%;
}
a{
  color: #666;
}

.icon-search{
  background: url(../../img/search.png) no-repeat 0 0;
  padding: 8px 15px;
  margin-left: -36px;
}
.user-management{

  p{
    padding: 10px 10px 15px 10px;
    border-bottom: 1px solid #f5f5f5;
    i{
      font-size: 18px;
      margin: 0 20px 0 15px;
      color: #000;
    }
    .title-right{ float: right;}
    input{
      border: 1px solid #dcdcdc;
      height: 33px;
      width: 230px;
      border-radius: 5px;
    }
  }
  .shuoming{
    background: url(../../img/help.png) no-repeat 0 0;
    background-position: 0 -4px;
    padding: 2px 0px 0px 27px;
  }
  .add{
    background: url(../../img/add.png) no-repeat 0 0;
    background-position: -4px -6px;
  }
  .update{
    background: url(../../img/update.png) no-repeat 0 0;
    background-position: -4px -6px;
  }
  .del{
    background: url(../../img/del.png) no-repeat 0 0;
    background-position: 2px 0px;
  }
  .query{
    background: url(../../img/search.png) no-repeat 0 0;
    background-position: -7px -7px;
  }

  .content-list{
    padding: 0 10px;

    .content-operate{
      padding: 10px 0;
      border-bottom: 1px solid #f5f5f5;

      .operate{
        padding: 4px 16px;
        margin:0 10px 0 15px;
        background: #3d90f6;
        color: #FFF;
        border-radius: 3px
      }
      a.operate:hover{
        background: #427fca;
      }
      .add,.update,.query,.del{
        padding: 2px 20px 2px 24px;
        color: #000;
      }
      .add:hover,.update:hover,.query:hover,.del:hover{
        color: #666;
      }
    }
    .fixed-flex,.additional{
      display: flex;
      padding: 0 15px;
    }
    .can-scroll-panel{
      max-height: 390px;
      padding: 0 15px;
      margin-top: -38px;
    }
    table{
      width: 100%;
      max-width: 1000px;

      th,td{
        padding: 10px 0;
        text-align: center;
      }
      td{
        color: #666;
      }
      .title td{
        font-weight: 300;
        color: #000;
        a.bg-icon{
          color: #000;
          background: url(../../img/sort.png) no-repeat 0 0;
          background-position: 1px -6px;
          padding-left: 16px;
        }
        a.bg-icon:hover{
          color: #999;
        }
      }
      tr{
        border-bottom: 1px solid #f6f6f6;
      }
      thead tr{
        border-bottom: 1px solid #dcdcdc;
      }
      &.fixed-row-top{
        position: fixed;
        margin-top: -41px;
        background: #FFF;
      }
    }
  }
}
.page{
  padding: 5px 40px 10px 5px;
  text-align: right;
  width: 100%;
  max-width: 1000px;
  .ivu-page{
    display: inline-block;
  }
}